﻿<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>

    <h1>浩鸿大丑比</h1>
    <canvas id="myCanvas" width="800" height="300"></canvas>
    <script>
        var canvas = document.getElementById("myCanvas");
        var ctx = canvas.getContext('2d');
        for (var i = 0; i < 200; i++) {
            ctx.fillStyle = "rgba(" + Math.floor(Math.random() * 255) + "," + Math.floor(Math.random() * 255) +
                "," + Math.floor(Math.random() * 255) + "," + Math.random() + ")";
            ctx.beginPath();
            ctx.arc(Math.random() * 800, Math.random() * 300, Math.random() * 50, 0, Math.PI * 2);
            ctx.fill();
        }
    </script>
</body>

</html>